import style from "./UserMessage.module.css";
import PersonIcon from "../../assets/icons/person.svg";

type UserMessageProps = {
  message: UserMessageInterface;
};

export default function UserMessage(props: UserMessageProps) {
  const { message } = props;
  return (
    <div className={style.userMessage}>
      <div className={style.avatar}>
        <PersonIcon height={28} width={28} />
      </div>
      <div className={style.content}>
        <div className={style.message}>
          <div>{message.content}</div>
        </div>
      </div>
    </div>
  );
}
